<template>
    <div class="pub">
        <div>
            <div class="pub-item" v-for="(item,index) in publicizeList" :key="index">
                <div class="pub-title">{{item.title}}</div>
                <div class="pub-list" v-for="(item2,index2) in item.content" :key="index2">
                    {{index2+1}}.&nbsp;{{item2}}
                </div>
            </div>
        </div>

        <div class="pub-bot">
            {{publicizebottom}}
        </div>

    </div>
</template>

<script>
export default {
    name: '',
    props: {
        publicizeList: {
            type: Array,
            default: () => {
                [];
            },
        },
        publicizebottom: {
            type: String,
            default: '',
        },
    },
    data() {
        return {};
    },
    mounted() {},
    methods: {},
};
</script>

<style lang="scss" scoped>
.pub {
    color: #333;
    .pub-item {
        .pub-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.6;
            margin: 15px 0;
        }
        .pub-list {
            font-size: 14px;
            line-height: 1.6;
            margin: 10px 0;
            text-indent: 2em;
        }
    }
    .pub-bot {
        font-size: 14px;
        line-height: 1.6;
        margin: 15px 0;
    }
}
</style>
